<!--
 * @Author: caiwenfeng
 * @Date: 2024-05-20 14:13:49
 * @LastEditors: caiwenfeng
 * @LastEditTime: 2025-07-14 17:13:15
 * @Description: 展示富文本的组件
-->
<template>
  <mp-html :container-style="containerStyle" :content="content" />
  <wd-skeleton v-if="loading && !content" theme="text" />
  <u-empty style="padding: 20rpx 0" v-if="!content && !loading" text="暂无内容" />
</template>

<script setup>
  import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html';
  import { onMounted } from 'vue';

  defineOptions({
    name: 'u-parse',
  });
  const props = defineProps({
    content: {
      type: String,
      default: '',
    },
    containerStyle: {
      type: String,
      default: '',
    },
  });
  const loading = ref(true);

  onMounted(() => {
    setTimeout(() => {
      loading.value = false;
    }, 1000 * 2);
  });
</script>

<style lang="scss"></style>
